<template>
	<u-row ustomStyle="margin-bottom: 10px">
		<u-col span="4">
			<my-icon name="confirm" title="下单成功" size="48"></my-icon>
		</u-col>
		<u-col span="4">
			<my-icon :name="signState.name" :title="signState.title" size="48"></my-icon>
		</u-col>
		<u-col span="4">
			<my-icon :name="overState.name" :title="overState.title" size="48"></my-icon>
		</u-col>
	</u-row>
</template>

<script>
	import myIcon from "components/common/myIcon"
	export default {
		name: "OrderProgress",
		components: {myIcon},
		props: {
			progress:{
				type: Number,
				default: 1
			}
		},
		computed: {
			signState(){
				const {progress} = this
				if(progress === 3) return {name:"error",title:"拒绝签字"}
				if(progress >= 2) return {name:"signing",title:"已签字"}
				return {name:"dispose",title:"待处理"}
			},
			overState(){
				const {progress} = this
				if(progress === 4) return {name:"dealing",title:"订单完成"}
				return {name:"deal",title:"订单完成"}
			}
		
		}
	}
	
</script>
<style scoped>

</style>